COMO TROCAR A IMAGEM DE FUNDO CADA VEZ QUE CARREGAR A TELA

Conteúdo

mudar imagem ao carregar site

Como carregar uma imagem diferente cada vez que abrir o site?

Como carregar uma imagem diferente cada vez que abrir o site?

Leia mais sobre: mudar imagem ao carregar site

Pode ser usado os segundos do PHP para controlar a troca aleatória da imagem de background do CSS.

Pode conferir o efeito recarregando a página.

Além do que já foi mencionado uso if e else para fazer a troca.

ficando algo como:

<?php
          $segundos = date('s')%10;
          if($segundos < 3){
            $imagem = 'php';
          }elseif($segundos >= 3 and $segundos < 5) {
            $imagem = 'css';
          }elseif($segundos >= 5 and $segundos < 8) {
            $imagem = 'html';
          }else{
            $imagem = 'javascript';
          }
?>

No caso é registrado o resto da divisão dos segundos por dez para facilitar o if e deixar a troca da imagem mais rápida.

Também poderia ser usado um array para recuperar a imagem ficando assim:

$arrayImagem = array("php", "css", "javascript", "html", "python", "asp", ".dotnet", "java", "ruby", "perl");
$imagem = $arrayImagem[$segundos];

Se fossem menos de 5 imagens no projeto usaria o if direto, umas 10 o array, agora se tivessem mais, buscaria no banco de dados elas.

Como recuperar dados do banco com PHP?

Para o css é usado algo como:

<style type="text/css" scoped="scoped">
          .banner_area {
              width: 100%;
              height: 100%;
              background: url(./leiaute-site/img/<?php echo $imagem; ?>.jpg) no-repeat center;
          }

</style>

Leia mais sobre: mudar imagem ao carregar site

como trocar a imagem de fundo cada vez que carregar a tela com html, js ou CSS?

botão de compartilhamento whatsapp

botão de compartilhamento no twiter

botão de compartilhamento do site

botão de compartilhamento no linkedin

botão de compartilhamento whatsapp